<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>分类导航</title>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/header/public.css"/>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/header/header.css">
</head>
<body>
    <!-- 头部开始 -->
    <div class="header-box">
        <!-- 头部第一层 -->
        <div class="header-top">
            <!-- 头部-logo -->
            <div class="header-logo">
                <!-- 点击Logo返回首页 -->
                <a href="#"><img src="__PUBLIC__/Home/images/logo.png"/></a>
            </div>
            <!-- 头部第一层-背景 -->
            <div class="header-top-bg">
                <!-- 头部第一层-导航 -->
                <ul class="serviceNav">
                    <li><a href="#">订单跟踪</a></li>
                    <li>|</li>

                    <li>你好！<a href="#"></a></li>
                    <li><span id="login-icon"></span></li>
                    <li><a href="#">注销</a></li>


                    <li><a href="#">登录</a></li>
                    <li><span id="login-icon"></span></li>

                    <!-- 跟踪session，判断用户是否处在登录状态 -->
                </ul>
            </div>
            <!-- 头部第二层-导航 -->
            <!-- 导航开始遍历数据库表shop_category -->
            <div class="headNav">
              
              <ul class="head-top">
                <volist name="nav" id="v1">
                <li class="top-li"><a href="#" class="btn">{$v1.name}</a>
                  <div class="head_content_hidden">
                    
                    <div class="head-second">
                      <volist name="v1['son']" id="v2">
                      <div class="second-li"><a href="#" class="second-a">{$v2.name}</a>
                        <div>
                          
                          <div class="head-third">
                            <volist name="v2['son']" id="v3">
                            <div class="third-li"><a href="#" class="third-a">{$v3.name}</a></div>
                            </volist>
                          </div>
                        </div>
                      </div>
                      </volist>
                    </div>
                  </div>
                </li>
                </volist>
              </ul>
            </div>
            <!-- 导航结束 -->
            
            <!-- 购物车开始 -->
            <div class="shopcart-box">
              <a href="../FrontPage/shoppingcart_page.php">购物袋()<span class="shopcart_icon"></span></a>
            </div>
            <!-- 购物车结束 -->
        </div>
    </div>

</body>
</html>